/* tslint:disable */
/* eslint-disable */

import React, { CSSProperties, SVGAttributes, FunctionComponent } from 'react';
import { getIconColor } from './helper';

interface Props extends Omit<SVGAttributes<SVGElement>, 'color'> {
  size?: number;
  color?: string | string[];
}

const DEFAULT_STYLE: CSSProperties = {
  display: 'block',
};

const IconQuestion: FunctionComponent<Props> = ({ size, color, style: _style, ...rest }) => {
  const style = _style ? { ...DEFAULT_STYLE, ..._style } : DEFAULT_STYLE;

  return (
    <svg viewBox="0 0 1024 1024" width={size + 'rem'} height={size + 'rem'} style={style} {...rest}>
      <path
        d="M512 135.9872c-208.0256 0-376.0128 144.0256-376.0128 320 0 108.8 64 209.6128 172.8 268.8 11.2128 6.4 25.6 1.5872 32-9.5744 6.4-11.2128 1.6384-25.6-9.5744-32-92.8256-51.2-147.2-135.9872-147.2-227.2256 0-150.3744 147.2-271.9744 327.9872-271.9744 180.7872 0 327.9872 121.6 327.9872 271.9744 0 150.4256-147.2 272.0256-327.9872 272.0256a33.536 33.536 0 0 0-17.6128 6.4L408.064 820.736v-68.7616a24.576 24.576 0 0 0-24.0128-24.064 24.576 24.576 0 0 0-24.0128 24.064v128a25.088 25.088 0 0 0 14.4384 22.3744 20.2752 20.2752 0 0 0 9.5744 1.5872c6.4 0 12.8-3.1744 17.6128-6.4l121.6-121.6c203.2128-4.8128 366.3872-145.6128 366.3872-320-1.5872-175.9744-169.6256-320-377.6-320zM312.0128 423.9872h399.9744a24.576 24.576 0 0 0 24.0128-24.0128 24.576 24.576 0 0 0-24.0128-23.9616H312.0128a24.576 24.576 0 0 0-24.0128 23.9616c0 12.8 11.2128 24.064 24.0128 24.064z m0 144.0256h311.9616a24.576 24.576 0 0 0 24.064-24.0128 24.576 24.576 0 0 0-24.064-24.0128H312.064a24.576 24.576 0 0 0-24.0128 24.0128c0 12.8 11.2128 24.0128 24.0128 24.0128z"
        fill={getIconColor(color, 0, '#333333')}
      />
    </svg>
  );
};

IconQuestion.defaultProps = {
  size: 22,
};

export default IconQuestion;
